<%@ page language="java" import="java.util.*,com.dao.*,com.beans.UserInfo,com.util.*,com.dao.impl.*" pageEncoding="UTF-8"%>
	
<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="css/poposlides.css">
    <link rel="stylesheet" href="css/layout.css">
    <style>
      #ul1 li:not(:first-child) {
      	text-align: left;
      	padding-left:25px;
      	padding-right:25px;
      }

    </style>
    <script src="js/jquery-2.1.4.min.js"></script>

  </head>
  
  <body>
   <div class="skin-main">
   
          <div class="frame-aside">
            <ul id="ul1">
                <li><a href="HdfsServlet?flag=manage"  target="centerFrame" class="active"><img src="images/fileIcons/all.png" />数据分析</a></li>
      			<li><a href="MapReduceServlet?flag=searchFilesForWordCount&type=txt" target="centerFrame" ><img src="images/fileIcons/icon0.png" />MR-WORDCOUNT</a></li>
                <li><a href="MapReduceServlet?flag=searchFilesForunique&type=txt" target="centerFrame" ><img src="images/fileIcons/icon0.png" />MR-去重复示例</a></li>
                <li><a href="MapReduceServlet?flag=searchFilesForSort&type=txt" target="centerFrame" ><img src="images/fileIcons/icon0.png" />MR-排序示例</a></li>
                <li><a href="MapReduceServlet?flag=searchFilesForPartSort&type=txt" target="centerFrame" ><img src="images/fileIcons/icon0.png" />MR-分区计算示例</a></li>
                <li><a href="" target="centerFrame" ><img src="images/fileIcons/icon0.png" />MR-日志分析示例</a></li>
                <li><a href="HiveServlet?flag=searchLogFiles" target="centerFrame" ><img src="images/fileIcons/icon0.png" />HIVE-分析示例</a></li>
                <li><a href="" target="centerFrame" ><img src="images/fileIcons/icon0.png" />SPARK-分析示例</a></li>
                <li><a href="" target="centerFrame" ><img src="images/fileIcons/icon0.png" />FLUME-示例</a></li>
                <li><a href="" target="centerFrame" ><img src="images/fileIcons/icon0.png" />SCOOP-传输示例</a></li>
 
                <li><a href="" target="centerFrame" ><img src="images/fileIcons/icon0.png" />手动任务调度</a></li>
                <li>
	                <div class="aside-absolute">
	                    <div class="remaining">
	                    	<div class="remainingSpace"></div>
	                    </div>
	                    <div class="font">
	               		 <%
						     HdfsDao hdfsDao=new HdfsDaoImpl();
						     UserInfo user=(UserInfo)session.getAttribute("session_user");
						
						     float size= hdfsDao.getUserDiskSize(user.getUserName());//
						     
						     String sizeStr=StrUtil.getSizeStr(size);
						     
						     double percent = size/(1024*1024*1024);  //1G
						   
							 String percentStr=	String.format("%.2f",percent*100);		
						  %>
							                         
	                         <span><%=sizeStr %> / 1 G</span>   
	                    </div>
	                    <div  class="layout-absolute">
	                        <img src="images/icon4.png">
	                        <img src="images/icon5.png">
	                        <img src="images/icon6.png">
	                        <img src="images/icon7.png">
	                    </div>
	                </div>
                </li>

            </ul>

        </div>
       </div>
       
       <script>
       $(".remainingSpace").css("width","<%=percentStr%>%");
       </script>
  </body>
</html>